html,body{
    width: 100%;
    height: 100%;
}
body{
    margin: 0px;
    padding: 0px;
    background-size: 100%;
}

.box table{
    text-align: center;
    border-collapse: collapse;
    /* color:  #F0E68C;*/
}
.cap{
    text-align: center;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 20px;
}
#rec_tab{
    width: 1920px;
    margin: 0 auto;
}
 #rec_tab tr th,#rec_tab tr td{
    border: 1px solid #ccc;
    text-align: left;
     padding-left:8px ;
     padding-right: 4px;
     padding-top: 2px;
}
.id{
     width:60px ;
 }
.bname,.people,servious,.bDate{
    width:90px;
}
.remark,.bCondition,.bContent,.caozuo{
    width:180px;
}
.others1,.coin,.bType,.code,.regular{
    width: 120px;
}


.set-on a{
    text-decoration: none;
    border: 1px solid saddlebrown;
    border-radius: 10%;
    display: inline-block;
}
.set-on span>a{
    position: absolute;
    top: 2%;
    left: 80px;
    display: inline-block;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;

}
/*导出样式设置*/
#formb{
    height: 60px;
    position: relative;
}
.daochu{
    position: absolute;
    top: 2%;
    margin-left: 200px;
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;

}
.daochu:hover,.return_btn>a:hover,.set-on span>a:hover{
    background-color: #2F4F4F;
    border-radius: 10%;
    color: #fff;
    text-decoration: none;
}
.info{
    height: 40px;

}
.t_body{
    height: 30px;
}
.t_body>td>input{
    width: 45px;
    height: 25px;
    display: inline-block;
    list-style: none;
    border: none;
    background-color:#E0FFFF;

}
.t_body>td>input:hover{
    background-color:#2F4F4F;
    color: #fff;
    border-radius: 5%;
}
/*添加按钮*/
.add_btn{
    text-align: center;
    margin-top: 10px;
}

.add_btn>input{
    border: 1px solid #ccc;
    width: 65px;
    height: 30px;
    border: none;
    background-color:#8eb7c0;
    font-size: 16px;
    border-radius: 10%;
}
.add_btn>input:hover{
    background-color: #2F4F4F;
    border-radius: 10%;
    color: #fff;
}
/*返回 */
.return_btn>a{
    text-decoration: none;
    color: #F0E68C;
    background-color: #5a5a5a;
    display: inline-block;
    width: 65px;
    height: 30px;
    font-size: 16px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 30px;
    margin-top: 2%;
    cursor: pointer;
    border-radius: 10%;
}

/*添加内容*/
#mask{
    margin-top:7%;
    margin-left: 15px;
}
#mask span b{
    vertical-align: bottom;
    margin-left: 3px;
    color: red;
    font-size: 20px;
}
/*注*为必填项*/
.attention {
    margin-left:2%;
}
.fot,.csyi{
    text-align: left;
    padding-top: 8px;
    padding-left: 100px;
    padding-bottom:6px;
    width: 1500px;
}
.fot>span{
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.fot>input{
    display: inline-block;
    width: 200px;
    height: 20px;
}
.fot select{
    display: inline-block;
    outline: none;
    width: 200px;
    height: 30px;
    border: none;
}

.csyi>div{
    border-bottom: 1px solid #6C6C6C;
    width: 300px;
    padding-top: 8px;
    padding-bottom:6px;

}
.csyi div>input{
    border: none;
    outline: none;
}
.caozuo1>input,.caozuo1>a{
    width: 80px;
    height: 28px;
    line-height: 28px;
    color: #00A0E9;
    border: 1px solid silver;
    background-color: white;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.caozuo1{
    text-align: center;
}